<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./index.css">
    <title>Document</title>
</head>
<body>
    <div id="Box111">
        <main id="main-body">
            <div class="smallBox">
                <h4>电子邮件</h4>
                <div><input type="text" placeholder="输入您的电子邮件地址"></div>
            </div>
            <div class="smallBox">
                <h4>密码</h4>
                <div><input type="text" placeholder="输入您的密码"></div>
            </div>
            <div class="smallBox" style="padding: 5px 0 0 0;">
                <div style="display: flex;">
                    <p style="color: grey;font-size: 10px;font-weight: 400;margin-right: 5px;">忘记密码?</p>
                    <a href="#" style="font-size: 10px;font-weight: 400;color: purple;">发送重置代码</a>
                </div>
                <button>
                    <p>登录</p>
                </button>
            </div>
            <hr style="color: rgba(0, 0, 0, 0.313);margin-top: 15px;">
            <div id="endBox">
                <img src="./images/logo.svg" alt="这是logo">
                <a href="#">免费注册</a>
            </div>
        </main>
    </div>
</body>
</html>